<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		/*	粘性定位：position: sticky;
				以浏览器可视窗口为参考点（与固定定位相似）但粘性定位还占据原来的位置（与相对定位类似）

				必须结合方向词使用，才会生效，不加方向词相当于相对定位	*/
		.nav{
			width: 100%;
			height: 100px;
			background: pink;
			position: sticky;
			top: 0;
		}
	</style>
</head>
<body>
	  <div class="nav"></div>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
	  <p>锄禾日当午，汗滴禾下土</p>
</body>
</html>